<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>認證信已寄出</title>
	<link rel="stylesheet" href="../css/global.css" type="text/css">
	<style type="text/css">
		#sendConfirmMailForm {
			width: 100%;
			height: 195px;
			text-align: center;
		}
		#resendMailProgress {
			position: relative;
			top: -35px;
			left: 300px;
		}
	</style>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript" src="./js/validate/jquery.validate.min.js"></script>
	<script type="text/javascript" src="./js/validate/myValidateMethod.js"></script>
	<script type="text/javascript" src="./js/form/jquery.form.min.js"></script>
	<script type="text/javascript" src="../js/global.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			var options = {
					beforeSubmit: function(arr, $form, options) { 
						$("#sendMailButton").attr("disabled", true);
						$("#resendMailProgress").css("display", "block");
					},
					success: function(resp) {
						$("#resendMailProgress").css("display", "none");
						alert("認證信已重寄");
					}
			};
			$("#sendConfirmMailForm").ajaxForm(options);
		});
	</script>
</head>
<body>
	<jsp:include page="../header.jsp"></jsp:include>
	<div id="contents">
		<jsp:include page="../member/login.jsp"></jsp:include>
		<div class="rightContent">
			<form action="./sendConfirmMail" id="sendConfirmMailForm" method="post" class="form-container">
				<div class="form-title"><h2>認證信已寄出</h2></div>
				<div class="form-title">
					感謝您註冊成為課程評論社群的會員
					<br /><br />
					認證信已經為您寄到<%=request.getAttribute("email")%>信箱
					<br /><br />
					請您到此信箱收信和完成認證，便可以立刻開始使用此網站。
				</div>​
				<input id="sendMailButton" class="button rounded cyan" type="submit" value="再寄一次" />
				<a href="./index"><input class="button rounded cyan" type="button" value="回首頁" /></a>
				<br />
				<div id="resendMailProgress" class="facebookG">
					<div class="facebook_blockG blockG_1"></div>
					<div class="facebook_blockG blockG_2"></div>
					<div class="facebook_blockG blockG_3"></div>
				</div>
				<input type="hidden" name="email" value="<%=request.getAttribute("email")%>" />
				<input type="hidden" name="nickname" value="<%=request.getAttribute("nickname")%>" />
				<input type="hidden" name="id" value="<%=request.getAttribute("id")%>" />
			</form>
		</div>
	</div>
	<jsp:include page="../footer.jsp"></jsp:include>
</body>
</html>